<template>
	<div class="login">
		<iframe v-if="tab_type == 'jingyan'" src="http://172.16.22.193:18903/#/index" width="100%" height="100%"></iframe>
		<iframe v-else-if="tab_type !== 'baidu'" src="https://www.baidu.com/" width="100%" height="100%"></iframe>
		<iframe v-else src="http://172.16.22.193:18898/#/index/work/index" width="100%" height="100%"></iframe>
	</div>
	<div class="btn">
		<el-button type="primary" @click="tab_type = 'baidu'">百度</el-button>
		<el-button type="primary" @click="tab_type = 'jingyan'">经验一体化</el-button>
		<el-button type="primary" @click="tab_type = 'jijing'">管理</el-button>
	</div>
</template>

<script>
	import {
		ref,
		defineComponent
	} from "vue";
	
	export default defineComponent({
		name: "login",
		setup(){
			const tab_type = ref('jingyan');
			
			return {
				tab_type
			};
		}
	});
</script>


<style lang="scss" scoped>
	.login{
		height: calc(100vh - 100px);
	}
	.btn{
		background-color: wheat;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
